
/*-----------css reset---------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/*----------basic----------------
ul{list-style:none}*/
ul li{display:list-item;}
html,body {font: 14px 'MyriadPro', sans-serif; background-color: #fff; height:100%; color:#000}
a { text-decoration:none; color: #6f1113 }
a:hover { text-decoration:underline; }
html { overflow-y:scroll }/*Prevent Firefox Scrollbar Jump*/
button { border: none; cursor: pointer; font-weight: bold; color: #fff }
input , textarea { padding: 0; margin: 0; resize:none}
select, .cp  { cursor:pointer; }
.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}
:focus{outline:0}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
html{overflow-y:scroll}
/*===========================*/
.fl{float:left}
.fr{float:right}
.por{position:relative}
.w960{width: 960px; margin: 0 auto}
#container {
    margin: 0 auto;
    min-height: 100%;
    position: relative;
    text-align: left;
    width: 100%;
}

#wrapper{padding-bottom:40px}
#header{width: 100%; display: inline-block; height: 79px; background-color: #000437; float: left;}
.logo{float:left;}

#navbar{height: 31px;}
#navbar ul{list-style: none; margin-top: 29px}
#navbar ul li{float:left;font-size:0.928em;line-height:31px; padding-bottom: 15px}
#navbar ul li a{color:#fff;text-transform: uppercase;padding: 0 15px;font-family: 'MyriadProBold';}
#navbar ul li:hover, #navbar ul li.active{border-bottom: 4px solid #8a5e04}
#navbar ul li a:hover, #navbar ul li.active a{text-decoration:none}
#navbar ul li:last-child a{border-right:none}

.callus{background: url("../images/bg_callus.png") no-repeat;font-family: 'MyriadProBold'; font-size: 0.857em; text-align: center; width: 186px; height: 31px; float: right; color: #fff}
.callus p{line-height: 31px}
#slideshow{ margin-top:5px}

#content{ margin-top:40px; padding-bottom: 85px}
.brands{background: url("../images/bg_brands.png"); height: 97px; width: 100%; display: inline-block; position: absolute; bottom: 54px}
.brands h2{font-family: 'MyriadPro'; font-size: 1.44em; color: #1e1d19; line-height: 31px; font-weight: 400; float: left; border-right: 2px solid #1e1d19; padding-right: 20px; margin-right: 20px; margin-top: 30px}
.brands ul{list-style: none; }
.brands ul li{display: block; float: left; line-height: 97px; margin-right: 20px}

#footer{background-color: #000437; height: 31px; width: 100%; position: absolute; bottom: 0}
#footer #copyright{float: left;}
#footer #copyright p{color: #5e5e5e; font-size: 0.928em; line-height: 31px}
#footer .term{float: right;}
#footer .term ul{list-style: none;}
#footer .term ul li{display: block; float: left;  line-height: 31px}
#footer .term ul li a{font-size: 0.928em; padding: 0 10px; color: #5e5e5e; text-decoration: none; border-right: 1px solid #5e5e5e;}
#footer .term ul li:last-child a{border-right: none;}

.box1{background-color: #000; height: 83px; color: #fff; margin-top: -31px}
.box1 h1{ font-family: 'MyriadProBold'; font-size: 1.142em; font-weight: 400; padding-top: 50px; float: left;}
.breadcrumbs{float: right; margin-top: 50px; display: inline-block;}
.breadcrumbs a{color: #fff}
.photo-left{float: left; margin-right: 33px; margin-bottom: 33px}

.block1{padding-bottom: 40px; border-bottom: 1px solid #cdcdcd; margin-bottom: 30px; display: inline-block; width: 100%}
.block11{width: 25.4%; float: left; background: url("../images/line.png") right center no-repeat; text-align: center; height: 134px}
.block12{width: 38.3%; float: left; background: url("../images/line.png") right center no-repeat; padding-left: 3%; padding-right: 5.7%; font-size: 0.928em; height: 114px; padding-top: 20px}
.block13{width: 21.3%; float: right; padding-left: 5.7%}
.block13 ul{list-style: none;}
.block13 ul li a{color: #000; font-size: 0.928em}

.contact1{display: inline-block; width: 100%; margin-top: 20px; border-top: 1px solid #000; padding-top: 27px}
.contact1 h3{color: #779fc6; font-size: 1.07em; font-weight: 400;  font-family: 'MyriadProBold'; margin-bottom: 20px}
.contact11{width: 16.2%; float: left; padding-right: 8.3%}
.contact12{width: 41%; float: left;}
.contact13{width: 34.5%; float: right;}
.mb10{margin-bottom: 10px;}
.vsh{visibility: hidden;}
form#userForm{float: right;}
form#userForm label{display: block; float: left; line-height: 25px; width: 105px}
form#userForm input[type="text"]{height: 25px; border: none; width: 68%; background-color: #f4f4f4}
form#userForm input[type="submit"]{font-weight: 400;  font-family: 'MyriadProBold'; color: #fff; background-color: #000437; border: none; padding: 5px; float: right;}
form#userForm textarea{height: 86px; border: none; width: 68%; background-color: #f4f4f4}

.filter{width: 100%; display: inline-block; background-color: #ebebeb; padding: 17px 15px 25px 15px; margin-bottom: 25px}
.filter h1{font-weight: 400;  font-family: 'MyriadProBold'; font-size: 1.392em; float: left;}
.pagination{float: right;}
.pagination ul{list-style: none;}
.pagination ul li{display: block; float: left; background-color: #989898; margin-left: 1px}
.pagination ul li.active{background-color: #454545}
.pagination ul li a{color: #fff; padding: 5px 7px; display: block;}

.block-car{display: inline-block; width: 100%; border-bottom: 1px solid #000; padding-bottom: 20px; margin-bottom: 25px; padding-left: 30px; padding-right: 30px}
.car1{width: 36%; float: left;}
.car2{width: 30.8%; float: left; font-family: 'MyriadProLight';}
.car2 h3{font-weight: 400;  font-family: 'MyriadProBold';}
.car2 a{color: #277c13}
.car3{width: 26.5%; float: right;}
.car3 ul{list-style: none; margin-top: 15px}
.car3 ul li{background-color: #030536; display: block; float: left; margin-left: 1px}
.car3 ul li:last-child{background-color: #779fc6;}
.car3 ul li a{color: #fff; font-size: 0.714em; padding: 7px}
.detail-car{display: inline-block;padding-left: 15px; padding-right: 30px;}
.photo-car{width: 32.6%; float: left; text-align: center;}
.photo-car img{border: 1px solid #946d15;}
.photo-car a{background-color: #000; color: #fff; padding: 5px; font-size: 0.714em; margin-top: 25px; display: inline-block;}
.info-car{width: 62.5%; float: right}
.info1{border-bottom: 1px solid #000; padding-left: 20px; padding-bottom: 23px; margin-bottom: 23px; font-family: 'MyriadProLight';}
.info2{padding-left: 20px}
.info1 h3, .info2 h3{font-weight: 400;  font-family: 'MyriadProBold'; margin-bottom: 10px}
.info1 span{display: block; width: 145px; float: left;}
.info2 a{background-color: #000437; color: #fff; font-size: 0.95em; padding: 5px; display: inline-block; margin-top: 30px}

.gallery{background-color: #2d2b2b; text-align: center;}
.gallery ul{list-style: none;}
.gallery .bx-wrapper .bx-viewport {
    background: transparent !important;
    left: 0px !important;
    width: 506px !important; margin: 0 auto;
}
.bx-wrapper .bx-controls-direction a{margin-top: 0 !important; top: 40%}
a.bx-next{background: url("../images/next.png") no-repeat; left: 180px; width: 9px !important; height: 50px !important}
a.bx-prev{background: url("../images/prev.png") no-repeat; right: 180px;width: 9px !important; height: 50px !important}

.text-banner{text-align: left; margin: 10px 0}
.text-banner h3{font-size: 0.785em;font-family: 'gotham_mediumregular'; color: #fff}
.text-banner p{color: #808080; font-size: 0.714em; font-family: 'gotham_bookregular';}
.text-banner a{color: #808080; font-size: 0.714em;font-family: 'gotham_bookregular';}
